import { ref } from 'vue'

export function useMouseState() {
  const mouseX = ref(0)
  const mouseY = ref(0)
  const isHovering = ref(false)

  const updateMousePosition = (event: MouseEvent) => {
    mouseX.value = event.clientX
    mouseY.value = event.clientY
  }

  const setHovering = (hovering: boolean) => {
    isHovering.value = hovering
  }

  return {
    mouseX,
    mouseY,
    isHovering,
    updateMousePosition,
    setHovering
  }
} 